:root{--bg:#faf9f6;--bg2:#f1f0eb;--text:#252b27;--muted:#687066;--light:#f3f2ec;--ink:#252b27;--line:#dcded5;color-scheme:light}
body{background:var(--bg);color:var(--text)}
.header{background:#fff;border-color:#e1e3da}
.nav{color:#50594f}
.header-phone span{color:#747c70}
.menu span{background:#323b30}
.eyebrow{color:#606b59}
.hero-proof{border-color:#d8dcd1}
.proof-symbol{border-color:#c1c9b8;color:#d94b20}
.hero-proof p span{color:#6d7664}
.hero-sub{color:#67715e}
.text-link{color:#505b45}
.benefit-strip{background:#fff;border-color:#e0e4d8}
.strip-inner p{color:#303a29}
.strip-inner p span{color:#6c775f}
.strip-icon{color:#e5572e}
.light{background:#f2f2eb}
.muted{color:#76816b}
.dark-label{color:#717b66}
.report-section{background:#fbfaf7}
.body-muted,.report-list li>span{color:#68745d}
.paper{background:#fff;box-shadow:20px 24px 0 #e8ebe0,0 7px 32px #28351c0a;border:1px solid #e0e5d5}
.report-tag{box-shadow:0 7px 25px #3d4e251a}
.prices-section{background:#fff}
.prices-section .section-intro{color:#69765e}
.price-card{background:#f5f5ee;border-color:#dce2d0;color:#283123}
.region-card{background:#fff9f4;border-color:#efdfcf}
.price-top>span{color:#727e64}
.price-top svg{stroke:#7e8b6e}
.price>span{color:#6c795e}
.price-description{color:#6a775d}
.light-btn{background:#e7ecde;color:#2d3b23}
.light-btn:hover{background:#dce4cf}
.price-note{color:#6d795f}
.contact-section{background:#f5f4ee}
.contact-grid h2>span{color:#7d8970}
.contact-grid>div>p:not(.eyebrow){color:#68775b}
.contact-info>div{color:#59694a}
.contact-info dt{color:#758467}
footer{background:#f5f4ee;border-color:#dce2d2}
.footer-inner p,.footer-inner>span{color:#718064}
.compare-heading .eyebrow{color:#5d6e4e}
.demo-badge{color:#79876b}
.compare-instruction p{color:#68775c}
.compare-instruction strong{color:#303c25}
.mini-scale>small{color:#78876a}
.compare-explanation{color:#657658}
.compare-disclaimer{color:#7a876d}
.compare-stage{background:#e6e9df;box-shadow:0 8px 32px #30451b0c}
.compare-view-labels{color:#fff}
.thermal-pin{color:#fff}
.thermal-pin.warm-pin b{color:#ffc679}
.thermal-pin.cold-pin b{color:#c2bdff}
.compare-handle{box-shadow:0 3px 18px #273d1e40}
dialog{box-shadow:0 20px 100px #23351a26}
dialog::backdrop{background:#26351a55}
@media(max-width:950px){.nav{background:#fff;box-shadow:0 20px 35px #26351a15;border-bottom:1px solid #dfe5d5}}
@media(max-width:700px){.contact-info{border-color:#d7dfcc}.mobile-call{box-shadow:0 4px 20px #4b603e26}}
/* Demonstration markers remain attached to the thermal side of the comparison. */
.defect-marker{position:absolute;display:flex;align-items:center;gap:7px;pointer-events:none;color:#fff;filter:drop-shadow(0 2px 7px #0006);white-space:nowrap;z-index:2}.defect-marker>i{font-style:normal;font-size:7px;font-weight:700;width:21px;height:21px;border-radius:50%;border:2px solid #ffe5aa;background:#ff6738;display:grid;place-items:center;color:#252b27;box-shadow:0 0 0 5px #ffb23b33;position:relative;flex-shrink:0}.defect-marker>i:after{content:'';position:absolute;inset:-6px;border:1px solid #ffde8299;border-radius:50%;animation:defect-pulse 2.8s ease-out infinite}.defect-marker>span{background:#171c29e8;border:1px solid #ffcd8d9c;padding:6px 9px;border-radius:4px;display:flex;flex-direction:column;line-height:1.4}.defect-marker b{font-size:13px;color:#ffd28c;font-weight:600}.defect-marker small{font-size:7px;color:#fff}.marker-roof{left:75%;top:27%;flex-direction:column-reverse;align-items:center;gap:6px;transform:translate(-50%,-75%)}.marker-corner{left:47%;top:35%;transform:translate(-10px,0)}.marker-window{left:24%;top:68%;flex-direction:column-reverse;align-items:flex-start;transform:translate(-10px,-65%)}.marker-base{left:66%;top:81%;transform:translate(-10px,0)}.marker-cold{left:84%;top:60%;flex-direction:column-reverse;gap:5px;transform:translate(-50%,-50%)}.marker-cold>i{background:#a39aff;border-color:#e6e0ff;box-shadow:0 0 0 5px #aaa1ff33}.marker-cold>i:after{border-color:#c7c1ff99}.marker-cold>span{border-color:#c7baff99}.marker-cold b{color:#d2cbff}.heat-air{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.heat-air path{fill:none;stroke:#ffca78;stroke-width:5;stroke-linecap:round;opacity:.75;filter:drop-shadow(0 0 10px #ff6c24);stroke-dasharray:30 100;animation:escaping-heat 2.2s linear infinite}.heat-air path:nth-child(2){animation-delay:-.7s}.heat-air path:nth-child(3){animation-delay:-1.4s}.defect-legend{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:20px;padding-top:15px;border-top:1px solid #dbe2d0}.defect-legend>span{display:flex;gap:6px;align-items:center;font-size:10px;color:#596d47}.defect-legend b{font-weight:600;font-size:8px;color:#d95026}.defect-legend>span:last-child b{color:#7165aa}.compare-explanation{margin-top:15px}@keyframes defect-pulse{0%{transform:scale(.75);opacity:.9}75%,100%{transform:scale(1.6);opacity:0}}@keyframes escaping-heat{from{stroke-dashoffset:0}to{stroke-dashoffset:-130}}@media(max-width:950px){.defect-marker{gap:5px}.defect-marker>i{width:18px;height:18px;font-size:6px}.defect-marker>span{padding:4px 6px}.defect-marker b{font-size:11px}.defect-marker small{font-size:6px}.defect-legend{gap:9px 12px}.defect-legend>span{font-size:9px}}@media(max-width:700px){.defect-marker>i{height:16px;width:16px;font-size:5px;border-width:1.5px}.defect-marker>span{padding:3px 5px}.defect-marker b{font-size:10px}.defect-marker small{font-size:5px}.marker-roof{top:27%;gap:4px}.marker-corner{left:47%;top:36%}.marker-window{left:24%;top:70%}.marker-base{left:63%;top:81%}.marker-cold{left:86%;top:60%;gap:3px}.defect-legend{gap:10px 14px;margin-top:16px}.defect-legend>span{font-size:10px}.defect-legend b{font-size:8px}.compare-disclaimer{font-size:8px}}
